<template>
	<view>
		<view class="box" style="z-index: 1;">
			<view style="margin-left: 165rpx;;margin-top: 60rpx;z-index: 999;">
				<ayQrcode ref="qrcode" :modal="modal_qr" :url="url" @hideQrcode="hideQrcode" :height="200"
					:width="200" />
			</view>
		</view>
		<view class="yaoqin_box" @click="toList">
			邀请列表
		</view>
	</view>
</template>

<script>
	import ayQrcode from "@/components/ay-qrcode/ay-qrcode.vue"
	export default {
		data() {
			return {
				phone: '',
				image: '',
				//二维码相关参数
				modal_qr: false,
				url: 'https://h5.baijixing.com.cn/#/pages/down/down', // 要生成的二维码值
			}
		},
		components: {
			ayQrcode,
		},
		created() {
			// this.getInfo()
			this.showQrcode()
		},
		methods: {
			toList() {
				uni.navigateTo({
					url: '/pages/jishiQing/List/List'
				})
			},
			//传入组件的方法
			hideQrcode() {
				// this.modal_qr = false;
			},
			// 展示二维码
			showQrcode() {
				let _this = this;
				this.modal_qr = true;
				// uni.showLoading()
				setTimeout(function() {
					// uni.hideLoading()
					_this.$refs.qrcode.crtQrCode()
				}, 50)
			},
		}
	}
</script>

<style scoped>
	page {
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.box {
		width: 750rpx;
		height: 100vh;
		position: relative;
		background: url('https://baijixing.oss-cn-chengdu.aliyuncs.com/2025/APRIL/11/1744350444798_6304eee2-2f5d-4f59-a2c6-e1e43c0fe96d.jpg');
		background-size: 100% 100%;
		display: flex;
		align-items: center;


	}
	.yaoqin_box {
		width: 200rpx;
		height: 60rpx;
		background-color: #4578F7;
		color: #fff;
		text-align: center;
		line-height: 60rpx;
		position: fixed;
		top: 25%;
		right: 0%;
		z-index: 999;
		border-radius: 20rpx 0 0 20rpx;
	}
</style>